<!-- 右侧媒体 -->

<template>
  <div class="BroadcastTask-RightList">
    <MajorTitle title="媒体列表">
      <template #right>
        <!-- <BtnPrimary title="新增" small /> -->
      </template>
    </MajorTitle>

    <el-empty v-if="CORE.isEmpty(one.musicList)" description="暂无音乐" />
    <div v-else>
      <div v-for="(item, i) in one.musicList" :key="item.id" class="inFlexCC">
        <div class="flex0">{{ i + 1 }}</div>
        <div class="flex1">
          <span class="ellips">{{ item.musicName }}</span>
        </div>
        <img :src="imgs.choose" />
        <!-- <img :src="imgs.del" /> -->
      </div>
    </div>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import RightPlay from '../RightPlay'

// ============================== 导出组件 ============================== //

export default CORE.extend(RightPlay, {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'RightMedia',
})
</script>

<style lang="scss">
@import './index.scss';
</style>
